/* @charset "utf-8"; */
@font-face {
    font-family:"led";
     src: url('./led.otf') format("truetype") ;
    font-style:normal;
    font-weight:normal;
  }
body { margin:0 auto; font:12px/1.5 Microsoft Yahei; color:#333333; background-color:#020619; }

ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form { padding:0; margin:0; }
ul { list-style:none; }
li{ list-style:none}
img { border:0px; }
.font12 { font:12px Verdana; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
.m-top10 { margin-top:10px !important; }
.m-top22 { margin-top:22px !important; }
.lv, .lv a, .lv a:visited, .lv a:active, .lv a:hover { color:#2ca79e; }
.hui66, .hui66 a, .hui66 a:visited, .hui66 a:active, .hui66 a:hover { color:#666666; }
.left { float:left }
.right { float:right }
a { text-decoration:none; outline:none; font-size:12px; color:#333333; outline:0; blr:expression(this.onFocus=this.blur()); }
a:hover { text-decoration:underline }
.clear { clear:both; height:0; font-size:0px; line-height:0px; overflow:hidden; }
.fl { float:left; }
.fr { float:right; }
.dn { display:none; }
em{ font-style:normal}
 
.fz20, .fz20 a { font-size:20px; }
.fz18, .fz18 a{ font-size:18px;}
.fz16, .fz16 a{ font-size:16px;}
.mt5{ margin-top:5px;}
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt60{ margin-top:60px;}
.ml10{ margin-left:10px;;}
.ml20 { margin-left:20px;; }
.w100{ width:100%;}
.blue{ color:#0c7fd8; }
.blue a{ color:#0c7fd8;}
.red, .red a{ color:red}
.line36{ line-height:36px;}
.txt-center{ text-align:center;}
.txt-right{ text-align:right}
input[type="checkbox"]{ vertical-align:-1px;}
.padd20{ padding:20px;}
.padd30 { padding:30px; }
.div-center{ margin:auto;}
i{ font-style:normal}
strong{ font-weight:normal}

/*输入框*/
.input-wrap input[type=text]{ width:150px;   border-radius:5px; border:#d9d9d9 1px solid; height:32px; text-indent:1em; font-family:'微软雅黑' !important }
/*按钮*/
.btn-blue{ display:inline-block; cursor:pointer; padding:0 30px; color:#ffffff; line-height:36px;  border-radius:5px; background:#0c7fd8; text-align:center; font-size:16px;  }
.btn-gray { display:inline-block; cursor:pointer; padding:0 30px; color:#ffffff; line-height:36px; border-radius:5px; background:#8c8c8c; text-align:center; font-size:16px; }
select { padding:7px 10px; font-size:14px; border:#d9d9d9 1px solid; border-radius:5px; }
/* 顶部*/
.win-top-fixed { position:fixed; z-index:123; left:0; top:0; width:100%; height:80px; background:#e63636;
    border-bottom:#9e221a 1px solid; }
.win-top-fixed .logo-text { position:absolute; left:45px; top:13px; }
.win-top-fixed .user { z-index:1234; position:relative; float:right; height:85px;  margin-top:15px; margin-right:40px; }
.win-top-fixed .user .img { width:50px; height:50px; float:left; overflow:hidden; border-radius:50px; border:#9e221a 1px solid; }
.win-top-fixed .user .arr { width:30px; height:50px; float:left; background:url("../image/arr1.png") center center no-repeat; }
.win-top-fixed .user .menu{ display:none; z-index:1234; position:absolute; left:-10px;; top:55px; width:150px; background:#8b96a9;}
.win-top-fixed .user .menu li{ line-height:40px; padding-left:25px; color:#ffffff; font-size:15px; cursor:pointer}
.win-top-fixed .user:hover .menu{ display:block;}
/*左侧*/
.win-left-fixed { z-index:12; position:fixed; left:0; top:55px; width:110px; overflow:hidden; 
     background-color:rgba(255,255,255,0.06) }
.win-left-fixed .logo-div{ width:110px; height:105px; text-align:center; overflow:hidden;}
.win-left-fixed .logo-div img{ display:inline-block; vertical-align:center; margin-top:22px;}
.win-left-fixed .nlist{ overflow:hidden;}
.win-left-fixed .nlist li{ position: relative; width:110px; height:100px; overflow:hidden; cursor:pointer;}
.win-left-fixed .nlist li .ico{ width:25px; height:25px; margin:auto; margin-top:30px; overflow:hidden; }
.win-left-fixed .nlist li .txt{ width:100%; margin-top:3px; text-align:center; color:#808080; font-size:14px;}
.win-left-fixed .nlist li a:hover{ text-decoration:none;}
.win-left-fixed .nlist li .n2{ display:none;}
.win-left-fixed .nlist li .na1 { background:url("../image/na1.png") center center no-repeat ; background-size:contain}
.win-left-fixed .nlist li .na2 { background:url("../image/na2.png") center center no-repeat; background-size:contain}
.win-left-fixed .nlist li .nb1 { background:url("../image/nb1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .nb2 { background:url("../image/nb2.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .nc1 { background:url("../image/nc1.png") center center no-repeat; background-size:contain}
.win-left-fixed .nlist li .nc2 { background:url("../image/nc2.png") center center no-repeat; background-size:contain}
.win-left-fixed .nlist li .nd1 { background:url("../image/nd1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .nd2 { background:url("../image/nd2.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .sheng1 { background:url("../image/sheng.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .sheng2 { background:url("../image/sheng1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .yu1 { background:url("../image/yu1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .yu2 { background:url("../image/yu2.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .ne1 { background:url("../image/ne1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .ne2 { background:url("../image/ne2.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .nf1 { background:url("../image/nf1.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li .nf2 { background:url("../image/nf2.png") center center no-repeat; background-size:contain }
.win-left-fixed .nlist li.current { background-color:rgba(0, 0, 0, 0.8) }
.win-left-fixed .nlist li:hover { background-color:rgba(0, 0, 0, 0.3) }
.win-left-fixed .nlist li.current .n1 { display:none; }
.win-left-fixed .nlist li.current   .txt{ color:#099fac !important; }
.win-left-fixed .nlist li.current .n2 { display:block; }
.win-left-fixed .nlist li.current :after{ content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 105px; background: #099fac;}
.anchorBL { display:none; }
    /*中间主区域*/
.page-main{padding-left:110px; overflow:hidden;}
.win-topnav-size { width: 100%; height: 80px; overflow: hidden; }
.fixed-topnav { position: relative; width: 100%; height: 55px; background-image: linear-gradient(0deg, #060606 0%, #1b1b1b 100%); }
.fixed-topnav .user { position: absolute; right: 25px; top: 15px; }
.fixed-topnav .user span {  font-size: 14px; color: #666;  padding: 0 10px;}
.fixed-topnav .user a{ color: #666; font-size: 14px; }
.fixed-topnav .user a:hover{color: #099fac; }
.fixed-topnav .bigt { width: 100%; text-align: center; overflow: hidden; pointer-events: none; }
.fixed-topnav .bigt img { display: inline-block; margin-top: 15px; }
.bigt .text { position: absolute; left: 50%; }
.bigt .flash { position: absolute; left: 50%; margin-left: -289px; top: 5px; }
.bigt .t1 { margin-left: -328px; margin-top: 33px; }
#baidumap {  background: transparent !important; -webkit-transform: translate3d(0, 0, 0); }

#mapTypeBtn { z-index: 12345; position: absolute; right: 10px; top: 10px; width: 100px; height: 35px; }
#mapTypeBtn .btn { width: 50px; height: 35px; float: left; cursor: pointer; }
.center-main .maptype1 { background: url("../image/maptype1.png") no-repeat; }
.center-main .maptype2 { background: url("../image/maptype2.png") no-repeat; }


.land { width: 120px; height: 15px; line-height: 16px; font-size: 12px; overflow: hidden; padding-left: 15px; margin-left: -5px; color: #fff; background: url("../image/bmap-sp.png") left center no-repeat; }
.comark { width: 18px; height: 18px; border-radius: 18px; position: relative; }
.comark span { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; border-radius: 10px; -webkit-animation: smallSpot 3s ease 0s forwards; }
.comark em { position: absolute; left: -15px; top: -15px; width: 48px; height: 48px; opacity: 0.7; border-radius: 48px; overflow: hidden; -webkit-animation: bigScaleFlash 3s ease 0s forwards; }
.comark strong { position: absolute; left: -10px; top: -10px; width: 35px; height: 35px; opacity: 0.9; border-radius: 48px; overflow: hidden; border: #fff 2px solid; -webkit-animation: bigToHide 3s ease 0s forwards; -webkit-transform: translate3d(0, 0, 0);
/*    box-shadow: 0 0 10px rgba(255,255,255,0.3) ,
    0 0 60px rgba(255, 255, 255, 0.3) ,
    0 0 60px rgba(255,255,255,0.3),
    0 0 60px rgba(255,255,255,0.3),
    0 0 60px rgba(255,255,255,0.3),
    0 0 60px rgba(255,255,255,0.3),
    0 0 60px rgba(255,255,255,0.3),
    0 0 60px rgba(255,255,255,0.3);*/
}
@-webkit-keyframes smallSpot {
    0% { -webkit-transform: scale(0.01); }
    70% { opacity: 1; -webkit-transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(0.1); }
}
@-webkit-keyframes bigScaleFlash {
    0% { opacity: 1; -webkit-transform: scale(0.1); }
    60% { opacity: 0.5; -webkit-transform: scale(0.5); }
    100% { opacity: 0; -webkit-transform: scale(0); }
}
@-webkit-keyframes bigToHide {
    0% { opacity: 1; -webkit-transform: scale(0.5); }
    100% { opacity: 0; -webkit-transform: scale(1.6);
    }
}
/* css动画*/
 
/*缩放渐显*/
@-webkit-keyframes flash {
    0% {
        opacity:1;
        }
    50% {
        opacity:0.7;
        }
    100% {
        opacity:1;
        }
    }
@-webkit-keyframes flash2 {
    0% {
        opacity:1;
        }
    50% {
        opacity:0.1;
        }
    100% {
        opacity:1;
        }
    }
@-webkit-keyframes sshow {
    0% {
        -webkit-transform:scale(0.01);
        }
    100% {
        opacity:0;
        -webkit-transform:scale(1);
        }
    }
@-webkit-keyframes opshow {
    0% {
        opacity:0;
        }
    100% {
        opacity:1;
        }
    }
/*往上逐渐透明度消失*/
@-webkit-keyframes up_slow_hide {
    0% {
        -webkit-transform:translate3d(0, 0px, 0);
        opacity:1;
        }
    50% {
        -webkit-transform:translate3d(0, -130px, 0);
        opacity:0.7;
        }
    100% {
        -webkit-transform:translate3d(0, -260px, 0);
        opacity:0;
        }
    }
